<template>
    <fieldset>
        <legend>详情页</legend>
        <h1>{{ info }}</h1>
    </fieldset>
</template>
<script>
// 1.获取动态路由参数(产品id) 
// 2.根据id发起请求,获取数据详情http://chst.vip:1234/api/getmoneyctrlproduct?productid=20
// 3.渲染数据

export default {
    props:['productid'],
    data() {
        return {
            info:""
        }
    },
    mounted() {
        // console.log(this.$route)
        //获取列表页通过动态路由参数传递过来的productid
        // let productid = this.$route.params.productid;
        //请求详情数据
        fetch("http://chst.vip:1234/api/getmoneyctrlproduct?productid=" + this.productid)
            .then(body => body.json())
            .then(res => {
                console.log(res)
                this.info = res.result[0].productInfo2
            })
    }
}
</script>